Tables

Table

1 First Name Last Name Username
2 Julian Moser @moser
3 Scott Romero @scottr
4 Ofelia Dinescu @ofelia
5 Lorelei Pogor @lpogor
6 Camilla Vik @camvik 
<table class="table">
  <thead>
    <tr>
      <th>1</th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>2</td>
      <td>Julian</td>
      <td>Moser</td>
      <td>@moser</td>
    </tr>
    <tr>
      <td>3</td>
      <td>Scott</td>
      <td>Romero</td>
      <td>@scottr</td>
    </tr>
    <tr>
      <td>4</td>
      <td>Ofelia</td>
      <td>Dinescu</td>
      <td>@ofelia</td>
    </tr>
    <tr>
      <td>5</td>
      <td>Lorelei</td>
      <td>Pogor</td>
      <td>@lpogor</td>
    </tr>
    <tr>
      <td>6</td>
      <td>Camilla</td>
      <td>Vik</td>
      <td>@camvik</td>
    </tr>
  </tbody>
</table>

Responsive Table

First Name Last Name Username
Julian Moser @moser
Scott Romero @scottr
Ofelia Dinescu @ofelia
Lorelei Pogor @lpogor
Camilla Vik @camvik 
<div class="table-responsive snippet">
  <table class="table table-striped">
    <thead>
      <tr>
        <th>
          <input id="checkboxtable1" type="checkbox">
          <label for="checkboxtable1"> </label>
        </th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Username </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          <input id="checkboxtable2" type="checkbox">
          <label for="checkboxtable2"> </label>
        </td>
        <td>Julian</td>
        <td>Moser</td>
        <td>@moser</td>
      </tr>
      <tr>
        <td>
          <input id="checkboxtable3" type="checkbox">
          <label for="checkboxtable3"> </label>
        </td>
        <td>Scott</td>
        <td>Romero</td>
        <td>@scottr</td>
      </tr>
      <tr>
        <td>
          <input id="checkboxtable4" type="checkbox">
          <label for="checkboxtable4"> </label>
        </td>
        <td>Ofelia</td>
        <td>Dinescu</td>
        <td>@ofelia</td>
      </tr>
      <tr>
        <td>
          <input id="checkboxtable5" type="checkbox">
          <label for="checkboxtable5"> </label>
        </td>
        <td>Lorelei</td>
        <td>Pogor</td>
        <td>@lpogor</td>
      </tr>
      <tr>
        <td>
          <input id="checkboxtable6" type="checkbox">
          <label for="checkboxtable6"> </label>
        </td>
        <td>Camilla</td>
        <td>Vik</td>
        <td>@camvik</td>
      </tr>
    </tbody>
  </table>
</div>

Striped

First Name Last Name Username
Julian Moser @moser
Scott Romero @scottr
Ofelia Dinescu @ofelia
Lorelei Pogor @lpogor
Camilla Vik @camvik 
<table class="table table-striped">
  <thead>
    <tr>
      <th>
        <input id="checkboxtable1" type="checkbox">
        <label for="checkboxtable1"> </label>
      </th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <input id="checkboxtable2" type="checkbox">
        <label for="checkboxtable2"> </label>
      </td>
      <td>Julian</td>
      <td>Moser</td>
      <td>@moser</td>
    </tr>
    <tr>
      <td>
        <input id="checkboxtable3" type="checkbox">
        <label for="checkboxtable3"> </label>
      </td>
      <td>Scott</td>
      <td>Romero</td>
      <td>@scottr</td>
    </tr>
    <tr>
      <td>
        <input id="checkboxtable4" type="checkbox">
        <label for="checkboxtable4"> </label>
      </td>
      <td>Ofelia</td>
      <td>Dinescu</td>
      <td>@ofelia</td>
    </tr>
    <tr>
      <td>
        <input id="checkboxtable5" type="checkbox">
        <label for="checkboxtable5"> </label>
      </td>
      <td>Lorelei</td>
      <td>Pogor</td>
      <td>@lpogor</td>
    </tr>
    <tr>
      <td>
        <input id="checkboxtable6" type="checkbox">
        <label for="checkboxtable6"> </label>
      </td>
      <td>Camilla</td>
      <td>Vik</td>
      <td>@camvik</td>
    </tr>
  </tbody>
</table>